<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title><MySource_PRINT var="site_name" /> :: <MySource_PRINT var="asset_short_name" /></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="your description goes here" />
<style type="text/css">
    body{
		background-color:#e3e3e3;
		color:#505050;
		font:76% Arial,sans-serif;
		margin:0;
		padding:0;
    }
a:link {
	color: #555;
}
a:visited {
	color: #999;
}
a:hover {
	color: #656565;
}
a:active {
	color: #333;
}
</style>
<script src="mysource_files/menumap.js" language="javascript"></script>
<script src="mysource_files/sitestatus.js" language="javascript"></script>
<script src="mysource_files/sitesearch.js" language="javascript"></script>
<script src="mysource_files/menubutton.js" language="javascript"></script>
<script>
function getContentPath() { return("wa") }
function hideElement(elementId)
{
	var element = document.getElementById(elementId);
	if(element && element.style) {
		element.style.visibility = "hidden";
	}
}

function relocateToWaikato()
{
	window.location='<MySource_PRINT id_name=\"__global__\" var=\"site_link\" full_url=\"true\"/>';
}

function createScriptedObjects()
{
	hideElement("menumap_template");
	hideElement("searchmenu_template");

	var menumapInstance = new menumap( document.getElementById("menu_projects") );
	var statusInstance = new sitestatus(document.getElementById("site_status"));
	var searchInstance = new sitesearch(document.getElementById("site_search"), "mysource_files/search_idle.png", "mysource_files/search_active.png");
	/* var searchInstance = new newsupdate(document.getElementById("home_updates")); */

	var menuPrefix = "mysource_files/";
	var menuButtons = new Array();
	var menuNames = new Array();
	var menuFunctions = new Array();
	
	menuNames[0] = "home";
	menuNames[1] = "news";
	menuNames[2] = "projects";
	menuNames[3] = "events";
	menuNames[4] = "help";
	
	menuFunctions[0] = function() { alert(); }
	menuFunctions[1] = function() { alert(); }
	menuFunctions[2] = function() { menumapInstance.toggleDisplay(); }
	menuFunctions[3] = function() { alert(); }
	menuFunctions[4] = function() { alert(); }

	for(var i = 0; i < menuNames.length; i++) {

		var idleFilename = menuPrefix + "idle_" + menuNames[i] + ".png";
		var overFilename = menuPrefix + "over_" + menuNames[i] + ".png";
		menuButtons[i] = new sitebutton(("menu_" + menuNames[i]), idleFilename, overFilename, menuFunctions[i]);
	}
}

</script>

</head>

<body onload="createScriptedObjects();">

<!--
Website title
-->
<div>
    <div style="position:absolute; left:0px; top:0px; right:83px; height:133px; background-color:#cc0000;">
        <div style="position:absolute; width:300px; height:104px; top:0px; background:url(mysource_files/top_uow.png); cursor:pointer;" onclick="relocateToWaikato();">
        </div>
        <div style="position:absolute; width:250px; height:104px; top:0px; background:url(mysource_files/top_cosi.png); right:0px;">
        </div>
	    <div style="position:absolute; left:0px; height:23px; top:110px; background:url(mysource_files/top_greybar.png); right:0px;">
        	<div id="site_status" style="position:absolute; left:0px; top:0px; height:23px; width:160px; color:#AAA; padding-left:5px; padding-top:3px; font-size:10px;">
            </div>
            <div id="site_search" style="position:absolute; right:100px; top:0px; height:23px; width:150px;">
            </div>
            <div id="site_search" style="position:absolute; right:0px; top:0px; height:23px; width:25px; background-image:url(mysource_files/loading.gif);">
            </div>
        </div>
    </div>
	<div style="position:absolute; width:83px; height:133px; background:url(mysource_files/top_wedge.png); top:0px; right:0px;">
    </div>
</div>

<!--
Website left menus
-->
<div style="position:absolute; left:0px; top:135px; height:300px;">
    <div style="height:260px; background-color:#262626;">
        <div style="width:160px; height:25px;">
            <div style="background-image:url(mysource_files/close_idle.png); width:21px; height:21px; position:absolute; right:2px; top:2px;">
            </div>
        </div>
        <div id="menu_home" style="width:160px; height:28px;">
        </div>
        <div id="menu_news" style="width:160px; height:28px;">
        </div>
        <div id="menu_projects" style="width:160px; height:28px;">
        </div>
        <div id="menu_events" style="width:160px; height:28px;">
        </div>
        <div id="menu_help" style="width:160px; height:28px;">
        </div>
    </div>
    <div style="width:160px; height:40px; background-image:url(mysource_files/middle_menu_footer.png)">
    </div>
</div>

<!--
Website feature menus
-->
<div style="position:absolute; right:0px; top:200px; height:300px; width:180px;">

	<div style="position:absolute; top:0px; left:0px; ">
    	<div style="position:absolute; top:0px; left:0px; background-image:url(mysource_files/feature_calender.png); height:24px; width:180px;">
        </div>
        <div style="position:absolute; top:24px; left:0px; background-color:#dcdcdc; height:124px; width:174px; border-style:solid; border-width:1px; border-color:#999; border-top-style:none; height:120px; width:173px;">
        </div>
    </div>    
    
	<div style="position:absolute; top:180px; left:0px; ">
    	<div style="position:absolute; top:0px; left:0px; background-image:url(mysource_files/feature_community_map.png); height:24px; width:180px;">
        </div>
        <div style="position:absolute; top:24px; left:0px; background-color:#dcdcdc; height:124px; width:174px; border-style:solid; border-width:1px; border-color:#999; border-top-style:none; height:120px; width:173px;">
        </div>
    </div>    
    
	<div style="position:absolute; top:360px; left:0px; ">
    	<div style="position:absolute; top:0px; left:0px; background-image:url(mysource_files/feature_site_statistics.png); height:24px; width:180px;">
        </div>
        <div style="position:absolute; top:24px; left:0px; background-color:#dcdcdc; height:124px; width:174px; border-style:solid; border-width:1px; border-color:#999; border-top-style:none; height:120px; width:173px;">
        </div>
    </div>   
</div>


<!--
Website main area
-->
<div id="site_main" style="position:absolute; left:162px; top:135px; right:182px; height:700px; border-color:#CCC; border-width:1px; border-style:solid;">
<MySource_AREA id_name="body" design_area="body" />

<div style="position:absolute; left:0px; top:0px; right:0px; height:24px; background-color:#d8d8d8">ASSET_LINEAGE </div>
<div style="position:absolute; left:0px; top:24px; right:0px; height:36px; background-color:#efefef">ASSET_NAME </div>
<div style="position:absolute; left:0px; top:60px; right:0px; height:38px; background-color:#efefef">ASSET_NAME </div>
<div id="home_updates" style="position:absolute; left:0px; top:98px; right:0px; height:200px; background-color:#efefef;">
	<div id="update_images" style="position:absolute; left:0px; top:0px; right:0px; height:170px;">
    </div>
   	<div id="update_slider" style="position:absolute; left:0px; top:170px; right:0px; height:30px; overflow:hidden;"><div id="slider_container" style="position:absolute; padding-left:10px; left:0px; top:0px; right:0px; height:30px; font-size:11px;"></div>
    </div>
</div>
<div style="position:absolute; left:0px; top:298px; right:0px; bottom:0px; background-color:#efefef; padding-left:15px;">
<p>This is where some description would go. It will hopefully fill out this space a little better. For now I'm just filling it up with this stuff so that we get the idea from a visual/layout perspective. Here is the current text.<br />
The Centre has the following goals:<ul style="list-style:square;">
<li>To inspire and extend open development practice in computer science</li>
<li>To innovate (open) systems, theories and tools to improve processes and products</li>
<li>To excel at core computer science theory and practice as the foundation for innovation and</li>
<li>To be community leaders at the local, national and international levels through effective</li>
communication and openness</li></ul>
</div>

</div>
<div style="position:absolute; left:162px; top:840px; right:182px; height:30px; border-color:#CCC; border-width:1px; border-style:solid; background-color:#DDD; text-align:center; font-size:10px; color:#656565;">
<a href="<MySource_PRINT id_name="__global__" var="site_link" full_url="true"/>/copyright">Copyright and Legal Statement</a> | <a href="mailto:webmaster at cosi.scms.waikato.ac.nz">Webmaster</a> | <a href="<MySource_PRINT id_name="__global__" var="site_link" full_url="true"/>/site-map">Site Map</a><br />
The University of Waikato 2009
</div>
<!--
Website templates
-->
<div id="searchmenu_template" style="position:absolute; left:330px; top:800px; width:250px; height:60px; ">
	<div id="searchmenu_container" style="position:absolute; left:0px; top:0px; width:250px; height:60px; font-family:Arial; font-size:12px; background-color:#292929; color:#CCC; padding-left:5px;">
    <div style="padding-top:5px;">Search terms:
    <form>
        <input name="" type="text" size="23" />
        <input name="" type="button" value="Search"  />
    </form>
    </div>
    </div>
</div>

<div id="menumap_template" style="position:absolute; left:210px; top:450px; width:600px; height:320px;  ">
	<div id="menumap_container" style="position:absolute; left:0px; top:0px; width:600px; height:320px; background-color:#0F0;font-family:Arial; font-size:12px;">
<iframe frameborder="0" src="menumap.html" style="left:0px; top:0px; width:600px; height:320px;"></iframe>
	</div>
</div>

</body>
</html>